body{font-family: 微软雅黑;}
a{font-family: 微软雅黑;}

a:hover,
a:focus {
    text-decoration: none;
}
.container{padding: 0;}


/*颜色*/
/*.container{background: lightgrey;}*/
.header .nav .container{background: transparent;}



.header .top .container{padding: 30px 0;}
.header .top .container .logo{float: left;}
.header .top .container .search{float: left; margin-left: 150px;}
.header .top .container .search form{position: relative;}
.header .top .container .search form input{width:525px;height: 46px;border: 2px solid #ff0000;border-radius: 7px;
    text-indent: 8px;padding-right: 50px;font-size: 18px; }
.header .top .container .search form a{position: absolute;height: 46px;width: 44px;background: #ff0000;border-radius: 7px;right: 0;bottom: 0px;}
.header .top .container .search form a img{position: absolute;width: 33px;height: 33px;left:6px;top:6px;}
.header .top .container ul{float:left;margin-top: 12px;margin-left: 126px;}
.header .top .container ul li{float: left;margin-right: 33px;}
.header .top .container ul li:last-child{margin-right: 0;}
.header .top .container ul li a{font-size: 12px;color: #000;}
.header .top .container ul li a:hover{color: #ff0000;}

.header .nav{background: #000;}
.header .nav .container ul{margin-left: 33px;}
.header .nav .container ul li{float:left;margin-right: 120px;}
.header .nav .container ul li:last-child{margin-right: 0px;}
.header .nav .container ul li a{display:block;padding:0 10px;height: 46px;font-size:20px;line-height:46px;color: #fff;}
.header .nav .container ul li a:hover{background: #ff0000; }
.header .nav .container ul li.on a{background: #ff0000; }





@media screen and (max-width: 1199px) {
    .header .top .container .search{margin-left: 50px;}
}

@media screen and (min-width:995px) and (max-width: 1199px)  {
    .header .nav .container ul li{margin-right: 100px;}
    .header .top .container ul{margin-left: 100px;}
    .header .top .container .search form input{width:450px;}

}

@media screen and (min-width: 640px) and (max-width: 994px) {
    .container{padding: 0 0px;width: 100%;}
    /*.header .top .container .search{margin-left: 200px;}*/
    /*.header .top .container .search{margin-left: 200px;}*/
    .header .top .container .search form input{width:360px;}
    .header .top .container .search { margin-left: 50px;}
}

@media screen and (min-width:1200px){

}

@media screen and (max-width: 994px) {
    .header .nav .container ul {margin-left: 0px;}
    .header .nav .container ul li {float: none;margin-right: 0;}
    .header .nav .container ul li a{text-align: center;}
}

@media screen and (max-width: 640px) {
    .header .top .container .search form input{width:260px;}
}

















